<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			div{
				height:150px;
			}
			#div1{
				background: red;
			}
			#div2{
				background: yellow;
				/*relative相对定位
				 相对自己原来的位置定位。往上往左，值是负的。往下往右值为正。
				 位置改变之后，原来的位置保留
				 * */
				/*position:relative;*/
				position:absolute;
				/*1.定位之后,原来的位置不保留*/
				top:60px;
				left:100px;
				width:600px;
			}
			#div3{
				background: blue;
			}
		</style>
	</head>
	<body>
		<div id="div1">1</div>
		<div id="div2">2</div>
		<div id="div3">3</div>
	</body>
</html>
